<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8"/>
<title>SubmitForm demo</title>

<!-- 必要文件：jquery -->
<script src="/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<!-- 必要文件：echarts -->
<script src="/echarts/echarts.min.js"></script>
<!-- ECharts主题(可选，默认为macarons) -->
<script src="/echarts/theme/dark.js"></script>
<script src="/echarts/theme/infographic.js"></script>
<script src="/echarts/theme/macarons.js"></script>
<script src="/echarts/theme/roma.js"></script>
<script src="/echarts/theme/shine.js"></script>
<script src="/echarts/theme/vintage.js"></script>
<!-- 必要文件：echarts.ajax自定义封装 -->
<script src="/echarts/echarts.ajax.js"></script>
<!-- 必要文件：ECharts css样式封装 -->
<style type="text/css">
.echarts {
    height: 460px;
    width: 99%;
    overflow: hidden;
    padding : 10px;
    margin: 10px auto;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
</style>

</head>
<body>
1)基础图表：<br/>
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="demo-bar"
	class="echarts"
	echarts-type="bar"
	echarts-title="未来一周气温变化" 
	echarts-theme="macarons"
	echarts-x-axis-name="日期(星期)"
	echarts-y-axis-name="温度(°C)" 
	echarts-url="/echarts/getWeatherData"
></div>

<!--1.提供一个form标签即可-->
<form>
	<input name="dateString" value="2017-06-27" /><br/>
	<input name="temperatureInteger" value="30" />
	<button id="submitButton">测试传入参数</button>
</form>

<script type="text/javascript">
    //传递表单参数
    $("#submitButton").click(function() {
        $("#demo-line").dblclick();//2.刷新图表操作
    });
</script>

</body>
</html>